<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>紫光</title>
    <script src="js/jquery-1.11.3.js"></script>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="china">
    <div class="body-right">
        <!--第一部分导航-->
        <div class="header">
            <img src="pic/紫光_03.png" alt="">
            <p><a href="#">注重价值投资&nbsp;谨慎潮热炒新</a></p>
        </div>
        <div class="clearfloat"></div>


        <!--第二部分轮播-->
        <div class="div2">
            <div class="div2-left">
                <div class="img-ct">
                    <img src="pic/紫光_17.png" alt="">
                    <img src="pic/紫光_71.png" alt="" style="height: 279px;width: 700px;">
                </div>
                <!--<div class="bullet-ct">-->
                <!--<ul class="bullet">-->
                <!--<li class="active"></li>-->
                <!--<li></li>-->
                <!--</ul>-->
                <!--</div>-->
            </div>
            <div class="div2-right">
                <h3>紫光防伪查询</h3>
                <p>紫光IT产品统一防伪查询系统</p>
                <form action="" style="text-align: left;">
                    产品类型：<select name="" id="" style="width: 130px;height: 20px;">
                    <option value="请选择">请选择</option>
                    <option value="请选择"></option>
                            </select><br><br>
                    防伪码：<input type="text" style="width: 145px;"> <br><br>
                    验证码：<input type="text" style="width: 145px;"><br><br>
                    <button type="submit"> 提交</button>
                </form>
            </div>
        </div>
        <div class="clearfloat"></div>
        <!--第三部分-->
        <div class="div3">
            <div class="hezi">
                <h3>紫光简讯</h3>
                <ul>
                    <li><a href="#">紫光股份非公开发行股份获证监会审核通过</a></li>
                    <li><a href="#">紫光股份顺利通过ISO&nvsp;9000质量管理体系认证</a></li>
                    <li><a href="#">复评审和</a></li>
                    <li><a href="#">紫光股份组织新员工培训</a></li>
                    <li><a href="#">紫光股份荣获2015中国“电子信息100强企业”</a></li>
                    <li><a href="#">紫光股份发布2015年半年度报告</a></li>
                    <!--<li><a href="#">紫光股份召开2014年度表彰大会</a></li>-->
                    <!--<li><a href="#">紫光股份收购惠普旗下“新华三51%股权”</a></li>-->
                    <!--<li><a href="#">紫光股份收购H3C，打造全产业链IT系统及服务平台</a></li>-->
                    <!--<li><a href="#">紫光股份召开2014年度股东大会，第六届董事会第十次会议和第六次监事会第八次会议</a></li>-->
                    <!--&lt;!&ndash;<li><a href="#"></a></li>&ndash;&gt;-->
                </ul>
                <p><a href="#">更多</a></p>
            </div>
            <div class="hezi">
                <h3>紫光视野</h3>
                <ul>
                    <li><a href="#">信息化掀起餐饮业“工业革命”</a></li>
                    <li><a href="#">紫光捷通盛装亮相第十五届信息化高速公路</a></li>
                    <li><a href="#">研讨会暨技术产品展示会</a></li>
                    <li><a href="#">紫光的社会责任心</a></li>
                    <li><a href="#">青涩向成熟的转变</a></li>
                    <li><a href="#">挑战难题的乐趣</a></li>
                    <li><a href="#">把感恩与感谢化作行动</a></li>
                    <li><a href="#">提高服务水平</a></li>
                    <!--<li><a href="#">只要付出就有回报</a></li>-->
                    <!--<li><a href="#">荣誉和动力</a></li>-->
                    <!--<li><a href="#">心态决定人的轨迹</a></li>-->
                </ul>
                <p><a href="#">更多</a></p>
            </div>
            <div class="hezi">
                <h3>产品解决与方案</h3>
                <ul>
                    <li><a href="#">紫光扫描仪/刻录光盘</a></li>
                    <li><a href="#">餐饮信息化/软件产品及系统集成</a></li>
                    <li><a href="#">紫光云计算机/智能交通解决方案</a></li>
                    <li><a href="#">智能电网产品</a></li>
                </ul>
                <!--<p><a href="#">更多</a></p>-->
            </div>
            <div class="hezi" >
                <h3>重要声明</h3>
                <ul>
                    <li><a href="#">关于紫光商标的声明</a></li>
                    <li><a href="#">光宇杭州紫光通信，湖南圣皇紫光</a></li>
                    <li><a href="#">河南紫光物联的重要声明</a></li>
                </ul>
                <!--<p><a href="#">更多</a></p>-->
            </div>
        </div>
        <div class="clearfloat"></div>
        <!--第四部分-->
        <div class="div4">
            <img src="pic/紫光_71.png" alt="">
        </div>
        <hr>
        <!--第五部分-->
        <div class="footer">
            <p>紫光股份有限公司版权所有&nbsp;如需引用请联系我们</p>
            <p>京ICP备06004545京公安网备11010802015332号</p>
        </div>
    </div>
    <!--第六部分 侧边-->
    <div class="body-left">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">公司介绍</a></li>
            <li><a href="#">新闻中心</a></li>
            <li><a href="#">投资者关系</a></li>
            <li><a href="#">招聘信息</a></li>
            <li><a href="#">联系方式</a></li>
        </ul>
    </div>

</div>
<script>
    $(function () {
        var xiabiao = 0
//        点击底部按钮，显示相应图片
        $(".bullet li").hover(function () {
            xiabiao = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(".img-ct img").eq(xiabiao).show().siblings().hide();
        }, function () {
        });

//        自动轮播
        var bofang = setInterval(lunbo, 1000);
//        鼠标悬停到图片上停止轮播
        $(".div2-left").hover(function () {
            clearInterval(bofang);
        }, function () {
        })
//          轮播函数
        function lunbo() {
            xiabiao++;
            xiabiao %= 2;
            $(".bullet li").eq(xiabiao).addClass("active").siblings().removeClass("active");
            $(".img-ct img").eq(xiabiao).show().siblings().hide();
        }

//        左右按钮轮播
        $(".btn-pre").click(function () {
            xiabiao = $(".bullet li.active").index();
            xiabiao -= 1;
            xiabiao %= 2;
            $(".bullet li").eq(xiabiao).addClass("active").siblings().removeClass("active");
            $(".img-ct img").eq(xiabiao).show().siblings().hide();
        });
        $(".btn-next").click(function () {
            xiabiao = $(".bullet li.active").index();
            xiabiao += 1;
            xiabiao %= 3;
            $(".bullet li").eq(xiabiao).addClass("active").siblings().removeClass("active");
            $(".img-ct img").eq(xiabiao).show().siblings().hide();
        });
    })
</script>
</body>
</html>